// my-app/src/app/userManage/page.js
// my-app/src/app/userManage/page.js
// import React from 'react';
// import { fetchUserById } from '@/util/actions/userAction';
// import UserList from '@/components/userComponent/UserList';
// import { cookies } from 'next/headers';

// const UserManagePage = async () => {
//   try {
//     const cookieStore = cookies();
//     const token = cookieStore.get("token");
// console.log("manage"+token)
//     if (!token) throw new Error("No token found");

//     const userData = await fetchUserById(token.value);
//  // 确保 userData 是一个数组
//  if (!Array.isArray(userData)) {
//     console.error("Fetched user data is not an array");
//     return <div>用户数据格式不正确</div>;
//   }
//     return (
//       <div>
//         <h1>用户个人信息</h1>
//         <UserList user={userData} />
//       </div>
//     );
//   } catch (error) {
//     return <div>错误: {error.message}</div>;
//   }
// };

// export default UserManagePage;

// my-app/src/app/userManage/page.js
import React from 'react';
import { fetchUserById } from '@/util/actions/userAction';
import UserList from '@/components/userComponent/UserList';
import { cookies } from 'next/headers';

const UserManagePage = async () => {
  try {
    const cookieStore = cookies();
    const token = cookieStore.get("token");

    if (!token) throw new Error("No token found");

    const userData = await fetchUserById(token.value);

    return (
      <div>
      
        <UserList user={userData} />
      </div>
    );
  } catch (error) {
    return <div>错误: {error.message}</div>;
  }
};

export default UserManagePage;

// "use client";

// import React, { useEffect, useState } from 'react';
// import { fetchUserById } from '@/util/actions/userAction';
// import UserList from '@/components/userComponent/UserList';
// import { getCookie } from 'cookies-next';

// const UserManagePage = () => {
//   const [user, setUser] = useState(null);
//   const [loading, setLoading] = useState(true);
//   const [error, setError] = useState(null);

//   useEffect(() => {
//     const fetchData = async () => {
//       try {
//         const token = getCookie("token");
        
//         if (!token) throw new Error("No token found");
//         const userData = await fetchUserById(token);
//         setUser(userData);
//         setLoading(false);
//       } catch (error) {
//         setError(error.message);
//         setLoading(false);
//       }
//     };
//     fetchData();
//   }, []);

//   if (loading) {
//     return <div>加载中...</div>;
//   }

//   if (error) {
//     return <div>错误: {error}</div>;
//   }

//   return (
//     <div>
//       <h1>用户个人信息</h1>
//       {/* {user && <UserList user={user} />} */}
//       <UserList user={user} />
//     </div>
//   );
// };

// export default UserManagePage;
